﻿@{
	ViewBag.Title = "ModelSysUserTypeManageIndex";
	Layout = "~/Views/Shared/_Layout.cshtml";
	int? selectTabsId = Model.SelectTabsId;
}
@model OASys.Web.Areas.ModuleSys.Models.ModelSysUserTypeManageIndex
<script src="/Scripts/pages/SysUserTypeManageIndex.js" type="text/javascript"></script>
<link href="/Content/Css/SysRoleManageIndex.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
    $(function () {
        $("form").
    
    });
</script>
@using (Html.BeginForm("MoveUserTypeMenu", "SysUserTypeManage", FormMethod.Post))
{
	<div class="moveId">
	</div>

	@Html.HiddenFor(x => x.SysUserTypeID)

	/* tab
	----------------------------------------------------------*/
	<div class="tabs-container">
		<ul>
			<li id="current" class="tabActive"><a><span>分配权限</span></a></li>
		</ul>
	</div>
	<div class="clear"></div>
	<div id="tabs-content">
		<div id="tabs-fixed">
			<div class="tabs-1-left">
				<img src="/Content/Images/wfq-Role.gif" />
				<div class="tabs-content">
					<div id="leftTree">
						<ul>
							@foreach (var node1 in Model.NonAssignedUserTypeParent)
	   {
		   if (node1.Level == 1)
		   {
								<li><a href="javascript:void(0)">@node1.Name</a>
									@foreach (var node2 in Model.NonAssignedUserTypeParent)
		 {
			 if (node2.Level == 2 && node2.ParentID == node1.ID)
			 {
										<ul>
											<li><a href="javascript:void(0)">@node2.Name</a>
												@foreach (var node3 in Model.NonAssignedUserType)
			{
				if (node3.Level == 3 && node3.ParentID == node2.ID)
				{
													<ul>
														<li id="@node3.ID"><a href="javascript:void(0)">@node3.Name</a> </li>
													</ul>
				}
			}
											</li>
										</ul>
			 }
		 }
								</li>
		   }
	   }
						</ul>
					</div>
				</div>
			</div>
			<div class="tabs-1-middle">
				<input type="button" value="" class="move01" onclick="leftMoveAll('@Project.Common.EnumDirection.Left');" /><br />
				<input type="button" value="" class="move02" onclick="leftMoveSelectItem('@Project.Common.EnumDirection.Left')" /><br />
				<input type="button" value="" class="move04" onclick="rightMoveSelectItem('@Project.Common.EnumDirection.Right');" /><br />
				<input type="button" value="" class="move03" onclick="rightMoveAll('@Project.Common.EnumDirection.Right');" />
			</div>
			<div class="tabs-1-right">
				<img src="/Content/Images/yfq-Role.gif" />
				<div class="tabs-content">
					<div id="rightTree">
						<ul>
							@foreach (var node1 in Model.AssignedUserTypeParent)
	   {
		   if (node1.Level == 1)
		   {
								<li><a href="javascript:void(0)">@node1.Name</a>
									@foreach (var node2 in Model.AssignedUserTypeParent)
		 {
			 if (node2.Level == 2 && node2.ParentID == node1.ID)
			 {
										<ul>
											<li><a href="javascript:void(0)">@node2.Name</a>
												@foreach (var node3 in Model.AssignedUserType)
			{
				if (node3.Level == 3 && node3.ParentID == node2.ID)
				{
													<ul>
														<li id="@node3.ID"><a href="javascript:void(0)">@node3.Name</a> </li>
													</ul>
				}
			}
											</li>
										</ul>
			 }
		 }
								</li>
		   }
	   }
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>

}
